<route lang="json5" type="page">
{
  layout: 'main',
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '知情同意书',
  },
}
</route>

<template>
  <view class="consent-collapse">
    <wd-collapse v-model="activeNames">
      <wd-collapse-item title="咨询原则" name="1">
        <view class="content-text">您有权随时停止咨询，有权选择是否接受咨询师的建议。</view>
      </wd-collapse-item>
      <wd-collapse-item title="隐私与保密" name="2">
        <view class="content-text">所有咨询内容将保密，除非出现法律要求披露的特殊情况。</view>
      </wd-collapse-item>
      <wd-collapse-item title="知情同意" name="3">
        <view class="content-text">
          通过签署本同意书，您表明您已阅读、理解并同意咨询过程中的各项条款。
        </view>
      </wd-collapse-item>
    </wd-collapse>
    <wd-button type="primary" block round @click="submitConsent">我同意</wd-button>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const activeNames = ref(['1']) // 默认打开第一项

// 处理“我同意”按钮点击
const submitConsent = () => {
  // 可以在这里处理用户同意的逻辑，例如记录同意状态、跳转页面等
  console.log('用户已同意知情同意书')
  uni.navigateBack()
}
</script>

<style lang="scss" scoped>
.consent-collapse {
  .wd-collapse {
    margin-bottom: 20px;
  }

  .content-text {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
  }

  .wd-button {
    margin: 20px;
  }
}
</style>
